<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>网欣物业</title>
<script src="${frm}/mui/js/mui.min.js"></script>
<link href="${frm}/mui/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="${stc}/css/font-awesome.css" />
<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
<style>
body {
	font-family: "微软雅黑";
	background-color: #2a4055;
}

nav table td {
	text-align: center;
}

nav table td a {
	color: white;
	font-size: 25pt;
}

.selected {
	color: chartreuse;
}

.top_img {
	background-color: #2a4055;
}

.wyfw_list {
	background-color: #2a4055;
	color: white;
	padding: 8px;
}

.wyfw_list table td {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
</style>
</head>
<body>
	<!--<header class="mui-bar mui-bar-nav" style="padding: 0;background-color: #565656;height: 50px;">-->
	<!--
		<header class="mui-bar mui-bar-nav" style="padding: 0;background-color:#0062cc;height: 50px;">
	    <table style="width: 100%;" style="border:1px solid white;background-color: black;">
	    	<tr>
				<td>
					<a class="mui-icon selected">
				    	<i class="icon-home icon-large"></i> 
	    			</a>
				</td>   		
	    		<td>
					<a class="mui-icon ">
				    	<i class="icon-phone icon-large"></i> 
	    			</a>
				</td>
				<td>
					<a class="mui-icon">
				    	<i class="icon-th icon-large"></i> 
	    			</a>
				</td> 
				<td>
					<a class="mui-icon">
				    	<i class="icon-user icon-large"></i> 
	    			</a>
				</td> 
	    	</tr>
	    </table>
	</header>
	-->
	<div class="mui-content">
		<div class="top_img">
			<img src="${stc}/images/index-001.jpg" width="100%" />
		</div>
		<div class="wyfw_list">
			物业服务
			<hr style="margin-top: 5px;">

			<table style="width: 100%;">
				<tr>
					<td style="width: 48%; background-color: red;" colspan="3">
						<i class="icon-volume-up icon-large"> </i>
						小区公告
					</td>
					<td style="width: 4%;"></td>
					<td style="width: 22%; background-color: green;">办事指南</td>
					<td style="width: 4%;"></td>
					<td style="width: 22%; background-color: dodgerblue;">意见反馈</td>
				</tr>
				<tr>
					<td colspan="7" style="height: 10px; margin: 0; padding: 0;"></td>
				</tr>
				<tr>
					<td style="width: 22%; background-color: orange;">物业缴费</td>
					<td style="width: 4%;"></td>
					<td style="width: 22%; background-color: darkseagreen;">物业介绍</td>
					<td colspan="4"></td>
				</tr>
			</table>
		</div>

		<div class="wyfw_list">
			小区互动
			<hr style="margin-top: 5px;">

			<table style="width: 100%;">
				<tr>
					<td style="width: 22%; background-color: red;" colspan="3">
						曝光台</td>
					<td style="width: 4%;"></td>
					<td style="width: 22%; background-color: green;">小区活动</td>
					<td style="width: 4%;"></td>
					<td style="width: 48%; background-color: dodgerblue;">
						<i class="icon-group icon-large"> </i>
						小区论坛
					</td>
				</tr>
			</table>
		</div>
	</div>
	<nav class="mui-bar mui-bar-tab"
		style="padding: 0; background-color: #333; height: 50px;">
		<table style="width: 100%;"
			style="border:1px solid white;background-color: black;">
			<tr>
				<td>
					<a class="mui-icon selected" href="index">
						<i class="icon-home icon-large"></i>
					</a>
				</td>
				<td>
					<a class="mui-icon ">
						<i class="icon-phone icon-large"></i>
					</a>
				</td>
				<td>
					<a class="mui-icon"
						href="http://120.25.66.80:8080/x5/UI2/property/main.w#!property">
						<i class="icon-th icon-large"></i>
					</a>
				</td>
				<td>
					<a class="mui-icon">
						<i class="icon-user icon-large"></i>
					</a>
				</td>
			</tr>
		</table>
	</nav>
</body>
</html>